import { Form } from '@fomantic-react/main';

export default () => (
  <Form action="#">
    <Form.Group inline equal>
      <Form.Field wide={8}>
        <label>Name</label>
        <input type="text" placeholder="First Name" />
      </Form.Field>
      <Form.Field wide={3}>
        <input type="text" placeholder="Middle Name" />
      </Form.Field>
      <Form.Field wide={5}>
        <input type="text" placeholder="Last Name" />
      </Form.Field>
    </Form.Group>
  </Form>
);
